<template>
	<div class="home">
		<home :titlelists='titlelists'></home>
	</div>
</template>

<script>
	import home from '../components/home/Home.vue';
	export default {
		name: "Home",
		components: {
			home,
		},
		data() {
			return {
				titlelists: [
					"首页",
					"关于本馆",
					"辅导培训",
					"文化活动",
					"场馆预约",
					"非遗文化 ",
					"特色资源 ",
					"新闻公告 ",
					"视频直播",
					"志愿服务",
					"总分馆",
				],
			};
		},
		created() {
			// // 获取接口数据
			// this.$request.getseekData({}).then((res) => {
			// 	console.log(res);
			// 	// 如果使用接口获取导航菜单获取完成之后更改data里面的titlelists里面的值进行覆盖传输到子组件里面
			// });
		},
		methods:{

		}
	};
</script>

<style>
/* 修改ui的样式 */
	#app #home .head .el-menu-demo li{
		border: none;
	}
	#app #home .head .el-menu-demo li.is-active .listText{
		border-bottom: 2px solid #FFFFFF;
		height: 70px;
		/* width: 80%; */
	}
	.carousel .el-carousel__container {
		height: 852px;
	}

	.carousel .el-carousel__indicators--horizontal {
		position: absolute;
		margin-top: -26px;
	}
	.carousel .el-carousel__indicators--horizontal .is-active{
		width: 12px;
		margin-left: 5px;
		background-image: url("../assets/image/图层 381.png");
	}
	
	
	.carousel .el-carousel__indicators--horizontal li {
		width: 12px;
		margin-left: 5px;
		background-image: url("../assets/image/图层 384.png");
	}

	.carousel .el-carousel__indicators--horizontal li button {
		width: 0;
	}

	.information_top .el-carousel__container {
		height: 455px;
		width: 100%;
	}

	.information_top .el-carousel--horizontal {
		width: 100%;
	}
</style>
